<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>
        自定义练习-001
    </title>
    <script type="text/javascript" , src="../../js/vue.js">

    </script>
</head>

<body>
    <div id="root">



        <!-- <school> asda </school> -->
        <hr>
        <!-- <Student></Student> -->
        <hr>
        <h2> {{msg}} </h2>
        <hr>
        <!-- <hello></hello> -->
        <!-- <CustomComponet>
<>
            <practice01> -->

    </div>
    <script type="text/javascript">

        import School from "./School.vue"
        // import Student from "Student.vue"
        // import practice01 from "./practice01.vue";
        // import CustomComponet from "./practice01.vue";
        Vue.config.productionTip = false


        ///第二步  全局类型的
        // Vue.component('hello',hello)
        new Vue({
            el: '#root',
            // data() {
            //     return {
            //         greeting: 'Hello'
            //     }
            // }, 拒不注册
            data: {
                msg: "你好呀"
            },
            // components: {
            //     school: School,
            //     Student: Student
            // }
        })
    </script>
</body>

</html>